<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta charset="utf-8" />
        <title data-i18n="桑拿">桑拿</title>
        <link rel="stylesheet" href="../../assets/css/bootstrap.css" />
		<link rel="stylesheet" href="../../assets/css/font-awesome.css" />
		<link rel="stylesheet" href="../../assets/css/ace-fonts.css" />
		<link rel="stylesheet" href="../../assets/css/ace.css" />
		<link rel="stylesheet" href="../../css/login/login.css" />
		<script type="text/javascript">
			window.$ = window.jQuery = require('../../assets/js/jquery.js');
		</script>
    </head>
    <body  class="login-layout light-login">
        <div class="main-container">
			<div class="main-content">
				<div class="row">
					<div class="col-sm-10 col-sm-offset-1">
						<div class="login-container">
							<div class="center">
								<h1>
									<i class="ace-icon fa fa-leaf green"></i>
									<span class="red">华盛</span>
									<span class="white" id="id-text2">SPA
										<span id="id-version" class="small"></span>
									</span>
								</h1>
								<h4 class="blue" id="id-company-text">&copy;华盛软件</h4>
							</div>
							<div class="space-6"></div>
							<div class="position-relative">
								<div id="login-box" class="login-box visible widget-box no-border" style="padding:0px;border:0px;box-shadow:none;">
									<div class="widget-body">
										<div class="widget-main">
											<h4 class="header blue lighter bigger">
												<i class="ace-icon fa fa-coffee green"></i>
												登录
											</h4>
											<div class="space-6"></div>
											<form id="validationLoginForm" onSubmit="return false;">
												<fieldset>
													<label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<span class="label_name">酒店编号：</span>
															<input type="text" class="form-control focus" id="hotelID" name="hotelID" placeholder="酒店编号" style="text-transform:uppercase"/>
															<i class="ace-icon fa fa-tag"></i> 
														</span>
													</label>
													<label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<span class="label_name">部门号：</span>
															<input type="text" class="form-control" id="bmh" name="bmh" value="" placeholder="部门号" style="text-transform:uppercase"/>
															<i class="ace-icon fa fa-desktop"></i>
														</span>
													</label>
													<br>
													<label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<span class="label_name">用户名：</span>
															<input type="text" class="form-control" id="userid" name="userid" value="" placeholder="用户名" style="text-transform:uppercase" />
															<i class="ace-icon fa fa-user"></i>
														</span>
													</label>
													<label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<span class="label_name">密码：</span>
															<input type="password" class="form-control" id="upass" name="upass" placeholder="密码" style="text-transform:uppercase"/>
															<i class="ace-icon fa fa-lock"></i>
														</span>
													</label>
													<label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<span class="label_name">班次：</span>
															<input type="text" class="form-control" id="kn" name="kn" placeholder="班次" style="text-transform:uppercase"/>
															<i class="ace-icon fa fa-shirtsinbulk"></i>
														</span>
													</label>
													<label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<span id="loginTip" style="color:#A94442"></span>
														</span> 
													</label>
													<div class="space"></div>
													<div class="clearfix">
														<label class="middle">
															<input class="ace" type="checkbox" id="id-disable-check">
															<span class="lbl">&nbsp;记住历史</span>
														</label>
														<button id="loginButton" type="button" class="width-35 pull-right btn btn-sm btn-primary">
															<i class="ace-icon fa fa-key"></i>
															登录
															<span class="bigger-110"></span>
														</button>
													</div>
													<div class="space-4"></div>
												</fieldset>
											</form>
											<div class="social-or-login center">
												<span class="bigger-110"></span>
											</div>
											<div class="space-6"></div>
											<div class="social-login center">
												<a class="btn btn-primary" style="margin-right: 3px;">
													<i class="ace-icon fa fa-jpy"></i>	
												</a>
											</div>
											<div class="social-login center">
												<span class="text-primary" style="font-size:6px;">SPA收银</span> 
											</div>
										</div>
									</div>
								</div>
								<div class="login_keyboard" id="num_keyboard">
									<ul class="num-key clearfix mykb-box">
										<li class="num">
											<button type="button" class="btn btn-app btn-light dishes_each">7</button>
										</li>
										<li class="num">
											<button type="button" class="btn btn-app btn-light dishes_each">8</button>
										</li>
										<li class="num">
											<button type="button" class="btn btn-app btn-light dishes_each">9</button>
										</li>
										<li class="num">
											<button type="button" class="btn btn-app btn-light dishes_each">4</button>
										</li>
										<li class="num">
											<button type="button" class="btn btn-app btn-light dishes_each">5</button>
										</li>
										<li class="num">
											<button type="button" class="btn btn-app btn-light dishes_each">6</button>
										</li>
										<li class="num">
											<button type="button" class="btn btn-app btn-light dishes_each">1</button>
										</li>
										<li class="num">
											<button type="button" class="btn btn-app btn-light dishes_each">2</button>
										</li>
										<li class="num">
											<button type="button" class="btn btn-app btn-light dishes_each">3</button>
										</li>
										<li class="num keyboard_abc">
											<button type="button" class="btn btn-app btn-light dishes_each">abc</button>
										</li>
										<li class="num func">
											<button type="button" class="btn btn-app btn-light dishes_each">0</button>
										</li>
										<li class="num keyboard_bks">
											<button type="button" class="btn btn-app btn-light dishes_each">退格</button>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 字母键盘 -->
		<div class="keyboard" id="keyboard">
			<ul class="num-key clearfix mykb-box">
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">1</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">2</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">3</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">4</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">5</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">6</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">7</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">8</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">9</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">0</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">Q</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">W</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">E</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">R</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">T</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">Y</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">U</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">I</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">O</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">P</button>
				</li>
				<li class="letter keyboard_a">
					<button type="button" class="btn btn-app btn-light dishes_each">A</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">S</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">D</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">F</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">G</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">H</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">J</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">K</button>
				</li>
				<li class="letter keyboard_l">
					<button type="button" class="btn btn-app btn-light dishes_each">L</button>
				</li>
				<li class="letter keyboard_bk">
					<button type="button" class="btn btn-app btn-light dishes_each">返回</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">Z</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">X</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">C</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">V</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">B</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">N</button>
				</li>
				<li class="letter">
					<button type="button" class="btn btn-app btn-light dishes_each">M</button>
				</li>
				<li class="letter keyboard_bks">
					<button type="button" class="btn btn-app btn-light dishes_each">退格</button>
				</li>
			</ul>
		</div>
		<div id="loading"></div>
    </body>
    <script src="../../assets/js/jquery.validate.js"></script>
    <script src="../../assets/js/bootstrap.js"></script>
    <script src="../../assets/js/ace/ace.js"></script>
    <script src="../../assets/js/bootbox.js"></script>
    <script src="../../js/huasheng.js"></script>
	<script src="../../js/login/login.js"></script>
	<script>
		//版本号
		$("#id-version").html($.HSAPI_GETVERSION());
		//更新
		$.HSAPI_UPDATE();
	</script>
</html>